<template>
    <div class="form-item">
      <div class="title">{{title}} <span v-if="colon" class="colon">:</span></div>
      <slot class="content" />  
    </div>
</template>

<script >

export default {
  props: {
    title: {
      type: String,
      default: ""
    },
    colon: {
      type: Boolean,
      default: true
    }
  },
  data() {
    return {
    }
  },
  methods: {

  },
  components: {
  }
}
</script>

<style lang="less" scoped>
  @import url("./index.less");
</style>
